	<!DOCTYPE html> 
	<html> 
	<head> 
		<title>O.Kang.Jang Project</title> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
		<link rel="stylesheet" href="./stylesheet/base.css" />
		<link rel="stylesheet" href="./stylesheet/style.css" />
		<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".btnNavi01").mouseover( function(){
					$(this).find("img").attr("src","./images/menu_01_o.png");
				}).mouseout(function(){
					$(this).find("img").attr("src","./images/menu_01_n.png");
				});
				$(".btnNavi02").mouseover( function(){
					$(this).find("img").attr("src","./images/menu_02_o.png");
				}).mouseout(function(){
					$(this).find("img").attr("src","./images/menu_02_n.png");
				});
				$(".btnNavi03").mouseover( function(){
					$(this).find("img").attr("src","./images/menu_03_o.png");
				}).mouseout(function(){
					$(this).find("img").attr("src","./images/menu_03_n.png");
				});

			});
		</script>
	 </head>

	 <body>
		<div id="header" data-role="header" data-position="fixed">
			<h1><img src="./images/top_logo_okj.png" width="142" height="17"></h1>
			<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Home">
				<span class="ui-btn-inner" style="width:33px; height:30px; right:-2px">
					<img src="./images/btn_top_home.png" width="33" / >
				</span>
			</a>
			<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade" class="ui-btn-right ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Search">
				<span class="ui-btn-inner"  style="width:33px; height:30px; left:-12px">
					<img src="./images/btn_top_search.png" width="33" / >
				</span>
			</a>
		</div>
		<div id="localNavi">
			<ul>
				<li>
					<a class="btnNavi01" href="/" ><img src="./images/menu_01_n.png" width="45" alt="최신공구" /></a>
				</li>
				<li>
					<a class="btnNavi02" href="/" ><img src="./images/menu_02_n.png" width="45" alt="검색공구" /></a>
				</li>
				<li>
					<a class="btnNavi03" href="/" ><img src="./images/menu_03_n.png" width="45" alt="만든사람"/></a>
				</li>
			</ul>
		</div>
		<div style="clear:both"></div>
		<section class="itemViewImg">
			<div class="itemImg">
				<img src="http://iphone.co.kr/data/cheditor4/1105/ive7VGpdcd.jpg" />
			</div>
			<p class="itemTitle"><strong class="icon_blog">공동구매합니다 공동구매합니다 공동구매합니다.</strong></p>
		</section>
		<section class="itemBtnWrap">
			<img src="./images/btn_facebook_n.png" width="112" height="42"/>
			<a href="">
				<img src="./images/btn_baro.png" width="182" height="42"/>
			</a>
		</section>
		<section class="itemInfoWrap">
			<dl>
				<dt>* 공구출처 : </dt>
				<dl>[카페]세계제일 공동구매세계제일 공동구매</dl>
			</dl>
			<dl>
				<dt>* 등록날짜 : </dt>
				<dl>2013.01.28</dl>
			</dl>

		</section>
		<section class="itemDescWrap">
			<p>공구에 참여해 보세요. 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요  공구에 참여해 보세요공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 공구에 참여해 보세요 </p>
		</section>
		</div>
	 </body>
	</html>
